$mainColor: #fb7299;

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

a {
  text-decoration: none;
}

#app {
  width: 100%;
  height: 100%;
}

.b-logo path {
  fill: $mainColor;
}

.b-alert {
  .el-message-box__btns button {
    border: none;
    background-color: $mainColor;
  }
}

.el-button--primary {
  background-color: $mainColor;
  border-color: $mainColor;

  &:hover,
  &:focus {
    background-color: mix(#fff, $mainColor, 10%);
    border-color: mix(#fff, $mainColor, 10%);
  }

  &:active {
    background-color: mix(#fff, $mainColor, 20%);
    border-color: mix(#fff, $mainColor, 20%);
  }
}

.el-input input {
  &:focus {
    border-color: $mainColor;
  }
}

.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: $mainColor;
}

.b-collapse-btn {
  &:hover,
  &:focus {
    background-color: mix(#fff, $mainColor, 80%);
    border-color: mix(#fff, $mainColor, 50%);

    color: $mainColor;
  }

  &:active {
    background-color: mix(#fff, $mainColor, 70%);
    border-color: mix(#fff, $mainColor, 50%);
  }
}
